@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}

.box {
  width: 100vw;
  height: 177.7333333333vw;
  background: url("../img/背景图.png") center no-repeat;
}
.box .imgBox {
  width: 100vw;
  position: absolute;
  top: 16vw;
}
.box .imgBox img {
  width: 40vw;
  display: block;
  margin: 0 auto;
}
.box .main {
  width: 100vw;
  text-align: center;
  position: absolute;
  top: 66.6666666667vw;
}
.box .main input {
  font-weight: bolder;
  width: 66.6666666667vw;
  height: 10vw;
  border: none;
  border-radius: 9.3333333333vw;
  outline: none;
  background-color: #c4e7f9;
  text-indent: 2em;
}
.box .main p {
  font-size: 3.6vw;
}
.box .main1 {
  width: 100vw;
  text-align: center;
  position: absolute;
  top: 84vw;
}
.box .main1 input {
  font-weight: bolder;
  width: 66.6666666667vw;
  height: 10vw;
  border: none;
  border-radius: 9.3333333333vw;
  outline: none;
  background-color: #c4e7f9;
  text-indent: 2em;
}
.box .main1 p {
  font-size: 3.6vw;
}
.box .main2 {
  width: 100vw;
  text-align: center;
  position: absolute;
  top: 102vw;
}
.box .main2 input {
  font-weight: bolder;
  width: 66.6666666667vw;
  height: 10vw;
  border: none;
  border-radius: 9.3333333333vw;
  outline: none;
  background-color: #c4e7f9;
  text-indent: 2em;
}
.box .main2 p {
  font-size: 3.6vw;
}
.box .btn {
  position: absolute;
  top: 120vw;
  text-align: center;
  width: 100vw;
  display: flex;
  justify-content: space-evenly;
}
.box .btn button {
  width: 26.6666666667vw;
  height: 10vw;
  color: #127dc4;
  border-radius: 9.3333333333vw;
  border: none;
  outline: none;
  background-color: #b3d5e6;
  box-shadow: 2px 2px 2px gray;
}
.box .btn button:hover {
  cursor: pointer;
}/*# sourceMappingURL=index.css.map */